<template>
    <div class="about">
        <Directory @clickNode="clickNode" />
        <Content :content="content" />
    </div>
</template>


<script setup lang='ts'>
import Directory from "./Directory.vue";
import Content from "./Content.vue";


const content = ref('')
const emit = defineEmits(['clickNode'])

const clickNode = (data: any) => {
    content.value = data.content
    emit('clickNode', data)
}

</script>


<style scoped lang='scss'>
.about {
    flex: 1;
    padding: 90px 30px 30px;

    display: flex;
}
</style>